<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1"><!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="icon" href="favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,300,400,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
    <title>Dashcore - Premium Software & Startup HTML</title><!-- themeforest:css -->
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/cookieconsent.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/odometer-theme-minimal.css">
    <link rel="stylesheet" href="css/prism-okaidia.css">
    <link rel="stylesheet" href="css/simplebar.css">
    <link rel="stylesheet" href="css/smart_wizard.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_arrows.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_circles.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_dots.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/theme.css">
    <link rel="stylesheet" href="css/rtl.css"><!-- endinject -->
</head>

<body>
    <!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
    <!-- Making stripe menu -->
    <nav class="st-nav navbar main-nav navigation fixed-top" id="main-nav">
        <div class="container">
            <ul class="st-nav-menu nav navbar-nav">
                <li class="st-nav-section nav-item"><a href="#main" class="navbar-brand"><img src="img/logo.png" alt="Dashcore" class="logo logo-sticky"></a></li>
                <li class="st-nav-section st-nav-primary stick-right nav-item"><a class="st-root-link nav-link" href="index.html">Home </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="blocks">Blocks </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="pages">Pages </a><a class="st-root-link item-company st-has-dropdown nav-link" data-dropdown="components">UI Components </a><a class="st-root-link item-blog st-has-dropdown nav-link" data-dropdown="blog">Blog </a><a class="st-root-link item-shop st-has-dropdown nav-link" href="shop/" data-dropdown="shop">Shop</a></li>
                <li class="st-nav-section st-nav-secondary nav-item"><a class="btn btn-rounded btn-outline mr-3 px-3" href="login.html" target="_blank"><i class="fas fa-sign-in-alt d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Login</span> </a><a class="btn btn-rounded btn-solid px-3" href="signup.html" target="_blank"><i class="fas fa-user-plus d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Signup</span></a></li><!-- Mobile Navigation -->
                <li class="st-nav-section st-nav-mobile nav-item"><button class="st-root-link navbar-toggler" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                    <div class="st-popup">
                        <div class="st-popup-container"><a class="st-popup-close-button">Close</a>
                            <div class="st-dropdown-content-group">
                                <h4 class="text-uppercase regular">Pages</h4><a class="regular text-primary" href="about.html"><i class="far fa-building mr-2"></i> About </a><a class="regular text-success" href="contact.html"><i class="far fa-envelope mr-2"></i> Contact </a><a class="regular text-warning" href="pricing.html"><i class="fas fa-hand-holding-usd mr-2"></i> Pricing </a><a class="regular text-info" href="faqs.html"><i class="far fa-question-circle mr-2"></i> FAQs</a>
                            </div>
                            <div class="st-dropdown-content-group border-top bw-2">
                                <h4 class="text-uppercase regular">Components</h4>
                                <div class="row">
                                    <div class="col mr-4"><a target="_blank" href="components/alert.html">Alerts</a> <a target="_blank" href="components/badge.html">Badges</a> <a target="_blank" href="components/button.html">Buttons</a> <a target="_blank" href="components/color.html">Colors</a> <a target="_blank" href="components/accordion.html">Accordion</a> <a target="_blank" href="components/cookie-law.html">Cookielaw</a></div>
                                    <div class="col mr-4"><a target="_blank" href="components/overlay.html">Overlay</a> <a target="_blank" href="components/progress.html">Progress</a> <a target="_blank" href="components/lightbox.html">Lightbox</a> <a target="_blank" href="components/tab.html">Tabs</a> <a target="_blank" href="components/tables.html">Tables</a> <a target="_blank" href="components/typography.html">Typography</a></div>
                                </div>
                            </div>
                            <div class="st-dropdown-content-group bg-light b-t"><a href="login.html">Sign in <i class="fas fa-arrow-right"></i></a></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="st-dropdown-root">
            <div class="st-dropdown-bg">
                <div class="st-alt-bg"></div>
            </div>
            <div class="st-dropdown-arrow"></div>
            <div class="st-dropdown-container">
                <div class="st-dropdown-section" data-dropdown="blocks">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/call-to-action.html">Call to actions</a> <a class="dropdown-item" target="_blank" href="blocks/contact.html">Contact</a> <a class="dropdown-item" target="_blank" href="blocks/counter.html">Counters</a> <a class="dropdown-item" target="_blank" href="blocks/faqs.html">FAQs</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/footer.html">Footers</a> <a class="dropdown-item" target="_blank" href="blocks/form.html">Forms</a> <a class="dropdown-item" target="_blank" href="blocks/navbar.html">Navbar</a> <a class="dropdown-item" target="_blank" href="blocks/navigation.html">Navigation</a></div>
                                <div class="col"><a class="dropdown-item" target="_blank" href="blocks/pricing.html">Pricing</a> <a class="dropdown-item" target="_blank" href="blocks/slider.html">Sliders</a> <a class="dropdown-item" target="_blank" href="blocks/team.html">Team</a> <a class="dropdown-item" target="_blank" href="blocks/testimonial.html">Testimonials</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-long-arrow-alt-right icon"></i> Coming soon</h3>
                            <div class="ml-5"><span class="dropdown-item text-secondary">Dividers </span><span class="dropdown-item text-secondary">Gallery </span><span class="dropdown-item text-secondary">Screenshots</span></div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="pages">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="mb-4">
                                <h3 class="text-darker light text-nowrap"><span class="bold regular">Useful pages</span> you'll need</h3>
                                <p class="text-secondary mt-0">Get a complete design stack</p>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">Error</h4>
                                        </li>
                                        <li><a target="_blank" href="403.html">403 Error</a></li>
                                        <li><a target="_blank" href="404.html">404 Error</a></li>
                                        <li><a target="_blank" href="405.html">405 Error</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">User</h4>
                                        </li>
                                        <li><a target="_blank" href="login.html">Login</a></li>
                                        <li><a target="_blank" href="register.html">Register</a></li>
                                        <li><a target="_blank" href="forgot.html">Forgot</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul>
                                        <li>
                                            <h4 class="text-uppercase regular">Extra</h4>
                                        </li>
                                        <li><a target="_blank" href="pricing.html">Pricing</a></li>
                                        <li><a target="_blank" href="terms.html">Terms</a></li>
                                        <li><a target="_blank" href="faqs.html">FAQ</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item bold" href="about.html"><i class="far fa-building icon"></i> About </a><a class="dropdown-item bold" href="contact.html"><i class="far fa-envelope icon"></i> Contact </a><a class="dropdown-item bold" href="pricing.html"><i class="fas fa-hand-holding-usd icon"></i> Pricing</a></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="components">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/color.html">
                                <div class="media mb-4"><i class="fas fa-palette mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Colors</h3>
                                        <p class="m-0 text-secondary">Get to know DashCore color options</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/accordion.html">
                                <div class="media mb-4"><i class="fas fa-bars mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Accordion</h3>
                                        <p class="m-0 text-secondary">Useful accordion elements</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/cookie-law.html">
                                <div class="media mb-4"><i class="fas fa-cookie-bite mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">CookieLaw</h3>
                                        <p class="m-0 text-secondary">Comply with the hideous EU Cookie Law</p>
                                    </div>
                                </div>
                            </a>
                            <h4 class="text-uppercase regular">Huge components list</h4>
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/alert.html">Alerts</a> <a class="dropdown-item" target="_blank" href="components/badge.html">Badges</a> <a class="dropdown-item" target="_blank" href="components/button.html">Buttons</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/overlay.html">Overlay</a> <a class="dropdown-item" target="_blank" href="components/progress.html">Progress</a> <a class="dropdown-item" target="_blank" href="components/lightbox.html">Lightbox</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/tab.html">Tabs</a> <a class="dropdown-item" target="_blank" href="components/tables.html">Tables</a> <a class="dropdown-item" target="_blank" href="components/typography.html">Typography</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/wizard.html">Wizard <span class="badge badge-pill badge-primary">New</span></a> <span class="dropdown-item d-flex align-items-center text-muted">Timeline <i class="fas fa-ban ml-auto"></i></span> <span class="dropdown-item d-flex align-items-center text-muted">Process <i class="fas fa-ban ml-auto"></i></span></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="blog">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Full width</h4><a class="dropdown-item" target="_blank" href="blog/blog-post.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar left</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-left.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-left.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar right</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-right.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-right.html">Posts Grid</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="shop">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="shop/home.html">
                                <div class="media align-items-center">
                                    <div class="bg-success text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-basket"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Home</h3>
                                        <p class="m-0 text-secondary">Online store home with an outstanding UX</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="shop/cart.html">
                                <div class="media align-items-center">
                                    <div class="bg-info text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-cart"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Cart</h3>
                                        <p class="m-0 text-secondary">Online store shopping cart</p>
                                    </div>
                                </div>
                            </a></div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-money-check-alt icon"></i> Checkout</h3>
                            <div class="ml-5"><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-customer.html">Customer <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-shipping.html">Shipping Information <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-payment.html">Payment Methods <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-confirmation.html">Order Review <i class="fas fa-angle-right ml-2"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <main class="overflow-hidden">
        <!-- Alternative 2 Heading -->
        <header class="header app-landing-2-header section">
            <div class="shapes-container">
                <!-- diagonal shapes -->
                <div class="shape shape-animated" data-aos="fade-down-right" data-aos-duration="1500" data-aos-delay="100"></div>
                <div class="shape shape-animated" data-aos="fade-down" data-aos-duration="1000" data-aos-delay="100"></div>
                <div class="shape shape-animated" data-aos="fade-up-left" data-aos-duration="500" data-aos-delay="200"></div>
                <div class="shape shape-animated" data-aos="fade-up" data-aos-duration="500" data-aos-delay="200"></div><!-- animated shapes -->
                <div class="animation-shape shape-triangle">
                    <div class="animation--rotating"></div>
                </div>
                <div class="animation-shape shape-cross">
                    <div class="animation--rotating"></div>
                </div><!-- static shapes -->
                <div class="static-shape shape-ring shape-ring-1">
                    <div class="animation animation--rotating"></div>
                </div>
                <div class="static-shape shape-ring shape-ring-2">
                    <div class="animation animation--rotating-clockwise"></div>
                </div>
                <div class="static-shape pattern-dots-1"></div>
                <div class="static-shape pattern-dots-2"></div><!-- main shape -->
                <div class="static-shape background-shape-main"></div>
            </div>
            <div class="container">
                <div class="row align-items-center gap-y">
                    <div class="col-md-6"><span class="rounded-pill shadow-box bg-contrast text-dark bold py-2 px-4"><i class="far fa-lightbulb text-primary mr-2"></i> <span class="text-primary">Awesome</span> Landing Page</span>
                        <h1 class="display-4 display-md-2 mt-3"><span class="bold">DashCore</span></h1>
                        <p class="lead bold text-primary">Premium Startup & <span class="head-line-2">App Landing Page</span></p>
                        <p class="lead">Besides its beautiful design. DashCore is an incredibly rich core framework for you to showcase your App.</p>
                        <div class="hero-form shadow-lg">
                            <form action="srv/register.php">
                                <div class="input-group"><input type="text" class="form-control" placeholder="Your Email"> <button type="submit" class="btn btn-primary more-link">Subscribe Now</button></div>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="iphone-x light front">
                            <div class="screen shadow-box"><img src="img/screens/app/4.png" alt="..."></div>
                            <div class="notch"></div>
                        </div>
                    </div>
                </div>
            </div>
        </header><!-- ./Partners -->
        <section class="partners">
            <div class="container py-5 b-b">
                <div class="swiper-container" data-sw-show-items="5" data-sw-space-between="30" data-sw-autoplay="2500" data-sw-loop="true">
                    <div class="swiper-wrapper align-items-center">
                        <div class="swiper-slide"><img src="img/logos/1.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/2.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/3.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/4.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/5.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/6.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                    </div>
                </div>
            </div>
        </section><!-- ./Trending design -->
        <section class="section trending-design">
            <div class="shapes-container">
                <div class="shape shape-square" data-aos="flip-right"></div>
                <div class="shape shape-ring shape-ring-2"></div>
            </div>
            <div class="container bring-to-front">
                <div class="row gap-y align-items-center">
                    <div class="col-md-6 order-md-2">
                        <div class="iphone-x shadow-lg mr-md-0">
                            <div class="screen shadow-box"><img src="img/screens/app/2.png" alt="..."></div>
                            <div class="notch"></div>
                        </div>
                    </div>
                    <div class="col-md-6 text-center text-md-left">
                        <div class="section-heading">
                            <h2 class="light font-md display-md-4 heading-line">Inspirational trending design</h2>
                            <p class="lead text-muted">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Labore sapiente facere minus voluptas, dolorem officia dolores odit natus at tempore</p>
                        </div>
                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint culpa enim rem ex in quos magnam itaque deleniti, molestiae accusantium sed nobis illum quisquam minus aliquid id sapiente nemo excepturi?</p>
                    </div>
                </div>
            </div>
        </section><!-- ./Focus on success -->
        <section class="section focus-on-success">
            <div class="shapes-container">
                <div class="shape shape-triangle" data-aos="flip-left">
                    <div></div>
                </div>
                <div class="shape shape-ring shape-ring-2"></div>
            </div>
            <div class="container bring-to-front">
                <div class="row gap-y align-items-center">
                    <div class="col-md-6">
                        <div class="iphone-x shadow-lg ml-md-0">
                            <div class="screen shadow-box"><img src="img/screens/app/4.png" alt="..."></div>
                            <div class="notch"></div>
                        </div>
                    </div>
                    <div class="col-md-6 text-center text-md-left">
                        <div class="section-heading">
                            <h2 class="light font-md display-md-4 heading-line">Focus on your success, not UI</h2>
                            <p class="lead text-muted">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Labore sapiente facere minus voluptas, dolorem officia dolores odit natus at tempore</p>
                        </div>
                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint culpa enim rem ex in quos magnam itaque deleniti, molestiae accusantium sed nobis illum quisquam minus aliquid id sapiente nemo excepturi?</p>
                    </div>
                </div>
            </div>
        </section>
        <section class="section app-safety">
            <div class="shapes-container">
                <div class="shape shape-circle">
                    <div data-aos="fade-up-left"></div>
                </div>
                <div class="shape shape-ring shape-ring-2">
                    <div data-aos="fade-up-right" data-aos-delay="200"></div>
                </div>
                <div class="shape pattern pattern-dots"></div>
            </div>
            <div class="container">
                <div class="row gap-y align-items-center">
                    <div class="col-md-5">
                        <div class="section-heading">
                            <p class="text-primary bold">Safety first</p>
                            <h2>You're in a secure company</h2>
                            <p class="lead text-muted">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut, fugiat suscipit eaque excepturi porro perspiciatis alias adipisci possimus. Ratione amet.</p>
                        </div>
                        <div class="media pb-3">
                            <div class="bg-light p-3 rounded d-flex align-items-center justify-content-center mr-3"><i data-feather="activity" class="stroke-primary"></i></div>
                            <div class="media-body">
                                <h5>Real time activity</h5>
                                <p>Get instant insight on what&#39;s happening in your business</p>
                            </div>
                        </div>
                        <div class="media pb-3">
                            <div class="bg-light p-3 rounded d-flex align-items-center justify-content-center mr-3"><i data-feather="upload-cloud" class="stroke-primary"></i></div>
                            <div class="media-body">
                                <h5>Instant deploy</h5>
                                <p>Deploy your project in a fraction of a second, no time!</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="row gap-y align-items-center text-center">
                            <div class="col-md-4 mt-md-6">
                                <div class="figure shadow rounded overflow-hidden border"><img class="img-responsive" src="https://picsum.photos/300/600?random=1&gravity=south" alt=""></div>
                            </div>
                            <div class="col-md-4">
                                <div class="figure shadow rounded overflow-hidden border"><img class="img-responsive" src="https://picsum.photos/300/600?random=2&gravity=south" alt=""></div>
                            </div>
                            <div class="col-md-4 mt-md-6">
                                <div class="figure shadow rounded overflow-hidden border"><img class="img-responsive" src="https://picsum.photos/300/600?random=3&gravity=south" alt=""></div>
                            </div>
                            <div class="col-md-4 mx-auto mt-md-n4">
                                <div class="figure shadow rounded overflow-hidden border"><img class="img-responsive" src="https://picsum.photos/300/600?random=4&gravity=south" alt=""></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Counters -->
        <section class="section counters gradient gradient-primary-dark text-contrast shadow-lg">
            <div class="container pb-9">
                <div class="section-heading text-center">
                    <h2 class="text-contrast">Millions business rely on DashCore</h2>
                    <p>These amazing stats can be wrong, many happy customers around the world trust our service to boost their products</p>
                </div>
                <div class="row">
                    <div class="col-xs-4 col-md-3 text-center"><i data-feather="box" width="36" height="36"></i>
                        <p class="counter bold font-md mt-0">273</p>
                        <p class="m-0">Components</p>
                    </div>
                    <div class="col-xs-4 col-md-3 text-center"><i data-feather="download-cloud" width="36" height="36"></i>
                        <p class="counter bold font-md mt-0">654</p>
                        <p class="m-0">Downloads</p>
                    </div>
                    <div class="col-xs-4 col-md-3 text-center"><i data-feather="anchor" width="36" height="36"></i>
                        <p class="counter bold font-md mt-0">7941</p>
                        <p class="m-0">Followers</p>
                    </div>
                    <div class="col-xs-4 col-md-3 text-center"><i data-feather="award" width="36" height="36"></i>
                        <p class="counter bold font-md mt-0">654</p>
                        <p class="m-0">New users</p>
                    </div>
                </div>
            </div>
        </section><!-- Features -->
        <section class="section mt-n6" id="features">
            <div class="container pt-0">
                <div class="bg-contrast shadow rounded p-5">
                    <div class="row gap-y">
                        <div class="col-md-4">
                            <div class="rounded gradient gradient-primary-light icon-xl shadow d-flex align-items-center justify-content-center mr-3"><i data-feather="pen-tool" width="36" height="36" class="stroke-contrast"></i></div>
                            <h4 class="semi-bold mt-4 text-capitalize">themes made easy</h4>
                            <hr class="w-25 bw-2 border-alternate mt-3 mb-4">
                            <p class="regular text-muted">Our astonishing style structure makes your customization process a breeze</p>
                        </div>
                        <div class="col-md-4">
                            <div class="rounded gradient gradient-primary-light icon-xl shadow d-flex align-items-center justify-content-center mr-3"><i data-feather="zap" width="36" height="36" class="stroke-contrast"></i></div>
                            <h4 class="semi-bold mt-4 text-capitalize">powerful design</h4>
                            <hr class="w-25 bw-2 border-alternate mt-3 mb-4">
                            <p class="regular text-muted">With ready-to-use content you&#39;ll deploy your implementation in no time</p>
                        </div>
                        <div class="col-md-4">
                            <div class="rounded gradient gradient-primary-light icon-xl shadow d-flex align-items-center justify-content-center mr-3"><i data-feather="star" width="36" height="36" class="stroke-contrast"></i></div>
                            <h4 class="semi-bold mt-4 text-capitalize">creative content</h4>
                            <hr class="w-25 bw-2 border-alternate mt-3 mb-4">
                            <p class="regular text-muted">Repetitive styles all across the web? Nevermind that! Shine with unique styles</p>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- See why people love ShasCore -->
        <section class="section why-people-love-us">
            <div class="shapes-container overflow-clear">
                <div class="shape shape-circle shape-circle-1">
                    <div data-aos="fade-up-left"></div>
                </div>
                <div class="shape shape-circle shape-circle-2">
                    <div data-aos="fade-up-right" data-aos-delay="200"></div>
                </div>
                <div class="shape pattern pattern-dots pattern-dots-1"></div>
                <div class="shape shape-triangle shape-animated">
                    <div class="animation--rotating"></div>
                </div>
            </div>
            <div class="container">
                <div class="row gap-y">
                    <div class="col-md-6 order-md-last">
                        <div class="section-heading">
                            <p class="text-primary bold">Discover. Create. Love.</p>
                            <h2 class="heading-line">See why people love DashCore</h2>
                        </div>
                        <ul class="list-unstyled">
                            <li>
                                <div class="media pb-3">
                                    <div class="bg-light p-3 rounded d-flex align-items-center justify-content-center mr-3"><i data-feather="mail" class="stroke-primary"></i></div>
                                    <div class="media-body">
                                        <h5>Mail Management</h5>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aut autem eum laudantium quas recusandae repellendus voluptate.</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media pb-3">
                                    <div class="bg-light p-3 rounded d-flex align-items-center justify-content-center mr-3"><i data-feather="map" class="stroke-primary"></i></div>
                                    <div class="media-body">
                                        <h5>Customers Tracking</h5>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aut autem eum laudantium quas recusandae repellendus voluptate.</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media pb-3">
                                    <div class="bg-light p-3 rounded d-flex align-items-center justify-content-center mr-3"><i data-feather="bar-chart" class="stroke-primary"></i></div>
                                    <div class="media-body">
                                        <h5>Advanced Reporting</h5>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aut autem eum laudantium quas recusandae repellendus voluptate.</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <div class="bubble bubble-left center-x-md">
                            <figure class="rounded overflow-hidden shadow" data-aos="zoom-in"><img src="img/screens/app/pieces/4.png" class="img-responsive" alt=""></figure>
                        </div>
                        <figure class="bubble bubble-right rounded overflow-hidden shadow"><img src="img/screens/app/pieces/5.png" class="img-responsive" alt="" data-aos="fade-left"></figure>
                        <div class="iphone-x">
                            <div class="screen shadow-box"><img src="img/screens/app/6.png" alt="..."></div>
                            <div class="notch"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./FAQs -->
        <section class="section">
            <div class="container pb-9">
                <div class="row">
                    <div class="col-md-4">
                        <h2>Do you have <span class="bold">questions</span></h2>
                        <p class="lead">Not sure how this template can help you? Wonder why you need to buy our theme?</p>
                        <p class="text-muted">Here are the answers to some of the most common questions we hear from our appreciated customers</p>
                    </div>
                    <div class="col-md-8">
                        <div class="accordion accordion-clean" id="common-faqs-accordion">
                            <div class="card mb-3">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q1"><i class="fas fa-angle-down angle"></i> What does the package include?</a></div>
                                <div id="q1" class="collapse show" data-parent="#common-faqs-accordion">
                                    <div class="card-body">When you buy Dashcore, you get all you see in the demo but the images. We include SASS files for styling, complete JS files with comments, all HTML variations. Besides we include all mobile PSD mockups.</div>
                                </div>
                            </div>
                            <div class="card mb-3">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q2"><i class="fas fa-angle-down angle"></i> What is the typical response time for a support question?</a></div>
                                <div id="q2" class="collapse" data-parent="#common-faqs-accordion">
                                    <div class="card-body">Since you report us a support question we try to make our best to find out what is going on, depending on the case it could take more or les time, however a standard time could be minutes or hours.</div>
                                </div>
                            </div>
                            <div class="card mb-3">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q3"><i class="fas fa-angle-down angle"></i> What do I need to know to customize this template?</a></div>
                                <div id="q3" class="collapse" data-parent="#common-faqs-accordion">
                                    <div class="card-body">Our documentation give you all you need to customize your copy. However you will need some basic web design knowledge (HTML, Javascript and CSS)</div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q4"><i class="fas fa-angle-down angle"></i> Can I suggest a new feature?</a></div>
                                <div id="q4" class="collapse" data-parent="#common-faqs-accordion">
                                    <div class="card-body">Definitely <span class="bold">Yes</span>, you can contact us to let us know your needs. If your suggestion represents any value to both we can include it as a part of the theme or you can request a custom build by an extra cost. Please note it could take some time in order for the feature to be implemented.</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Download -->
        <section class="section app-download">
            <div class="container bring-to-front">
                <div class="shadow-lg bg-primary p-5 rounded">
                    <div class="section-heading text-center">
                        <p class="badge badge-contrast badge-pill bold py-2 px-4">Start today</p>
                        <h2 class="text-contrast">Download the App</h2>
                        <p class="text-contrast">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consequuntur debitis delectus, ducimus enim et eveniet facilis harum ipsa magni non odit pariatur placeat, praesentium quae quo sed, sunt ut.</p>
                    </div>
                    <nav class="nav flex-column flex-md-row justify-content-center align-items-center mt-5"><a href="#" class="nav-link py-3 px-4 btn btn-rounded btn-download btn-dark text-contrast mr-0 mr-md-4 mb-4 mb-md-0"><img src="img/svg/apple.svg" class="icon icon-md" alt="...">
                            <p class="ml-2"><span class="small bold">Get it on the</span> <span class="d-block bold text-contrast">App Store</span></p>
                        </a><a href="#" class="nav-link py-3 px-4 btn btn-rounded btn-download btn-light text-darker"><img src="img/svg/google-play.svg" class="icon icon-md" alt="...">
                            <p class="ml-2"><span class="small bold">Download on</span> <span class="d-block bold text-darker">Google Play</span></p>
                        </a></nav>
                </div>
            </div>
        </section><!-- ./CTA - Create Account -->
        <section class="section">
            <div class="container pt-5">
                <div class="d-flex align-items-center flex-column flex-md-row">
                    <div class="text-center text-md-left">
                        <p class="light mb-0 text-primary lead">Ready to get started?</p>
                        <h2 class="mt-0">Create an account now</h2>
                    </div><a href="register.html" class="btn btn-primary btn-rounded mt-3 mt-md-0 ml-md-auto">Create DashCore account</a>
                </div>
            </div>
        </section><!-- ./Footer - Social + Subscription -->
        <footer class="site-footer section bg-contrast">
            <div class="bg-darker">
                <div class="container text-center py-4">
                    <nav class="nav justify-content-center my-4"><a href="#" class="mr-4 font-regular text-contrast"><i class="fab fa-facebook"></i><span>/my.page</span></a> <a href="#" class="mr-4 font-regular text-contrast"><i class="fab fa-twitter-square"></i><span>/hashtag</span></a> <a href="#" class="mr-4 font-regular text-contrast"><i class="fab fa-linkedin"></i><span>/linkedin</span></a> <a href="#" class="font-regular text-contrast"><i class="fab fa-google-plus-square"></i><span>/account</span></a></nav>
                </div>
            </div>
            <div class="container py-4">
                <div class="row gap-y">
                    <div class="col-md-4"><img src="img/logo.png" alt="" class="logo">
                        <nav class="nav mt-4"><a href="#" class="mr-3">About us</a> <a href="#" class="mr-3">Our process</a> <a href="#" class="mr-3">Contact us</a></nav>
                        <p class="mb-0 small text-secondary">Copyright © 2018. All rights reserved. <a href="5studios.net">5studios.net</a></p>
                    </div>
                    <div class="col-md-4">
                        <h6 class="bold">Your Office</h6>
                        <p class="text-secondary">Lorem ipsum dolor sit amet, consectetur elit. Blanditiis commodi expedita, odit officiis?</p>
                        <nav class="nav flex-column small">
                            <div class="d-flex align-items-center"><i class="fas fa-map-marker mr-2"></i> 123 Street St, Your City, YC Your Country</div>
                            <div class="mt-2 d-flex align-items-center"><i class="fas fa-phone mr-2"></i> (123) 456-7890</div>
                            <div class="mt-2 d-flex align-items-center"><i class="fas fa-envelope mr-2"></i> <a href="mailto:yourmail@domain.com">yourmail@domain.com</a></div>
                        </nav>
                    </div>
                    <div class="col-md-4">
                        <h6 class="bold">Subscribe to our newsletter</h6>
                        <p class="text-secondary">By registering with us, you will receive right in your inbox all new features and updates. <span class="bold">Subscribe now!</span></p>
                        <form action="srv/register.php" class="form" data-response-message-animation="slide-in-left">
                            <div class="input-group"><input type="email" name="Subscribe[email]" class="form-control rounded-circle-left" placeholder="Enter your email" required>
                                <div class="input-group-append"><button class="btn btn-rounded btn-dark" type="submit">Register</button></div>
                            </div>
                        </form>
                        <div class="response-message"><i class="fas fa-envelope font-lg"></i>
                            <p class="font-md m-0">Check your email</p>
                            <p class="response">We sent you an email with a link to get started. You’ll be in your account in no time.</p>
                        </div>
                    </div>
                </div>
                <hr>
                <nav class="nav small"><a href="#" class="text-secondary mr-3">Privacy policy</a> <a href="#" class="text-secondary">Terms</a></nav>
            </div>
        </footer>
    </main><!-- themeforest:js -->
    <script src="js/01.cookie-consent-util.js"></script>
    <script src="js/02.1.cookie-consent-themes.js"></script>
    <script src="js/02.2.cookie-consent-custom-css.js"></script>
    <script src="js/02.3.cookie-consent-informational.js"></script>
    <script src="js/02.4.cookie-consent-opt-out.js"></script>
    <script src="js/02.5.cookie-consent-opt-in.js"></script>
    <script src="js/02.6.cookie-consent-location.js"></script>
    <script src="js/card.js"></script>
    <script src="js/counterup2.js"></script>
    <script src="js/index.js"></script>
    <script src="js/noframework.waypoints.js"></script>
    <script src="js/odometer.min.js"></script>
    <script src="js/prism.js"></script>
    <script src="js/simplebar.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/jquery.smartWizard.js"></script>
    <script src="js/plugins/jquery.animatebar.js"></script>
    <script src="js/feather.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/typed.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/cookieconsent.min.js"></script>
    <script src="js/common-script.js"></script>
    <script src="js/forms.js"></script>
    <script src="js/stripe-bubbles.js"></script>
    <script src="js/stripe-menu.js"></script>
    <script src="js/cc.js"></script>
    <script src="js/pricing.js"></script>
    <script src="js/shop.js"></script>
    <script src="js/svg.js"></script>
    <script src="js/site.js"></script>
    <script src="js/03.demo.js"></script><!-- endinject -->
</body>

</html>